
/*
 *公共样式
 * 
 * */
input{outline:none !important;/*去除蓝色边框*/}
html,body, button,nav, select, textarea, input, label, option, fieldset, legend,div{font-family: 'Microsoft Yahei',Tahoma,Verdana;font-size: 12px;line-height: 25px;color: #444;}
html,body,nav{ line-height: 0px;}
html,body, div,nav, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td{margin: 0;padding: 0;}
textarea{resize: none}
/*
 * 解决谷歌浏览器中的input背景色默认是黄色
 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input,textarea{
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;outline:none;
}
body{background-color: #FFFFFF;}
.clear{height:1px;overflow:hidden;clear:both;}
a,img{border:0 !important;}
a{color: #666;text-decoration: none;}
a:hover{color: #d8251e;}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.nf{clear:both;}
.red{color:red;font-weight:bold;}
.green{color:#00b500;font-weight:bold;}
.ds{display:block;}
.hid{overflow:hidden;}
.clearfix{*zoom:1}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';font-size:0}
.jianbian{background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f4f4f4),color-stop(100%,#eee));background: -webkit-linear-gradient(top,#f4f4f4 0,#eee 100%);background: linear-gradient(to bottom,#f4f4f4 0,#eee 100%);}
.bottomshadow{border-bottom: solid 1px #B3B3B3;-webkit-box-shadow: 0 1px 1px 0 #DFDFDF;box-shadow: 0 1px 1px 0 #DFDFDF;}

/**
 * 
 */

nav.indexm{ position: fixed; bottom: 0; width: 100%; background: #000000; z-index: 999;}
nav.indexm a{ float: left; width: 25%; text-align: center; padding: 0px 0; color:#666666;}
nav.indexm a:hover{color: #FFFFFF;}
nav.indexm a.curr{color:#f9b800;}
nav.indexm i{ display:inline-block; width:40px; height:40px; background:url(../images/nav.png) no-repeat; background-size: 200px 80px; border: 0px solid #FFFFFF; }

nav.indexm a#item_index i{ background-position:-5px 0px; }
nav.indexm a#item_goods i{ background-position:-55px 0px; }
nav.indexm a#item_faxian i{ background-position:-105px 0px; }
nav.indexm a#item_member i{ background-position:-155px 0px; }


nav.indexm a#item_index.curr i{ background-position:-4px -40px; }
nav.indexm a#item_goods.curr i{ background-position:-54px -40px; }
nav.indexm a#item_faxian.curr i{ background-position:-104px -40px; }
nav.indexm a#item_member.curr i{ background-position:-154px -40px; }

nav.indexm a p{ margin-top: -4px;}

/*
 * 顶部菜单
 */
.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    border-bottom: 0;
    background-color: #FFFFFF;
    backface-visibility: hidden;
}
.mui-bar-nav {
    top: 0;
    box-shadow: 0 0 1px rgba(197, 197, 197, 0.85);
}

.mui-bar .mui-btn-nav.mui-pull-left {
    margin-left: -5px;
}

.mui-bar .mui-btn-link {
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    top: 0;
    padding: 0;
    color: #007aff;
    border: 0;
}

.mui-btn-link {
    background-color: transparent;
}
.mui-pull-left {
    float: left;
}
.mui-pull-right {
    float: right;
}
.mui-bar .mui-title {
    right: 40px;
    left: 40px;
    display: inline-block;
    overflow: hidden;
    width: auto;
    margin: 0;
    text-overflow: ellipsis;
}
.mui-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 55px;
    position: absolute;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;
}

.mui-bar  h1.mui-title > label {line-height: 44px;}
/*
 * banner
 */
.mui-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
.mui-slider .mui-slider-group {
    font-size: 0;
    position: relative;
    transition: all 0s linear;
    white-space: nowrap;
}
.mui-slider .mui-slider-group .mui-slider-item {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal;
}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) {
    line-height: 0;
    position: relative;
    display: block;
}
.mui-slider .mui-slider-group .mui-slider-item img {
    width: 100%;
}

.mui-slider-indicator {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    background: 0 0;
}

.mui-slider-indicator .mui-indicator {
    display: inline-block;
    width: 6px;
    height: 6px;
    cursor: pointer;
    border-radius: 50%;
    margin: 0px 1px 2px 1px;
    background: #e4e2e2;
    box-shadow: none;
}
.mui-slider-indicator .mui-active.mui-indicator {
    background: #fff;
}
.share{display: none !important;}
.mui-title label { font-size: 22px !important;}
.mui-pull-left > img {width: 70% !important;     max-width: 70% !important;}
